<!DOCTYPE html >
<html>
<head>
<title>服务详情</title>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<link href="css/cate.css" rel="stylesheet" type="text/css" />
<link href="css/iscroll.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
<script src="js/iscroll.js" type="text/javascript"></script>
	<script type="text/javascript">
	var myScroll;
	function loaded() {
	myScroll = new iScroll('wrapper', {
	snap: true,
	momentum: false,
	hScrollbar: false,
	onScrollEnd: function () {
	document.querySelector('#indicator > li.active').className = '';
	document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
	}
	 }); 
	}
	document.addEventListener('DOMContentLoaded', loaded, false);
	</script>
</head>
<body>
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<div class="banner">
		<div id="wrapper">
			<div id="scroller">
			<ul id="thelist">
				<li><a href="javascript:void(0)"><img src="images/banner1.png" /></a></li>
				<li><a href="javascript:void(0)"><img src="images/banner2.png" /></a></li>
			</ul>
			</div>
		</div>
		<div id="nav">
			<ul id="indicator">
				<li class="active" ></li>
				<li ></li>
			</ul>
		</div>
		<div class="ljxd">
			<h1>￥88 <s>原价:188元</s> </h1><button>立即下单</button>
		</div>
	</div>
	<div class="doorService">
		<div class="service">
			<h1>服务介绍</h1>
			<p>谁说看电影只能去影院，谁说做足疗就一定会古板，奇境上海tan观影+足疗休闲商务套餐，120分钟时间，足疗+观影，全都体验。由专业推拿师为您服务，此套餐全程在电影房完成。套餐内容：专享私人BOSE音响电影包房，边看大片，边享受按摩<br/>
			-20分钟泡脚 头部舒缓放松按摩<br/>
			-60分钟脚部按摩<br/>
			-20分钟手部按摩<br/>
			-20分钟腿部按摩<br/>
			可依个人喜好调整以上各部位时长<br/>
			赠送：农家养生茶（1份）<br/>
			          精致点心（1份）  <br/> 
			120分钟的项目，足以让您在享受按摩的同时观看一场视觉大片，全程有最新电影的陪伴，时间也不会那么慢~在奇境，体验变得妙不可言</p>
		</div>
		<div class="comment">
			<h1>服务评论</h1>
			<div class="commentA">
				<img class="comLeft" src="images/tx.png">
				<div class="comRight">
					<h2>大瑶不愁顺顺顺2017-01-01</h2>
					<p>环境优雅 非常放松 技师也很棒超级舒服</p>
				</div>
			</div>
			<div class="commentA">
				<img class="comLeft" src="images/tx1.png">
				<div class="comRight">
					<h2>2017-01-01</h2>
					<p>一如既往的好，环境别致，服务周全。技师手法老道些就完美了</p>
				</div>
			</div>
		</div>
	</div>
	<script>
		var count = document.getElementById("thelist").getElementsByTagName("img").length;	

		var count2 = document.getElementsByClassName("menuimg").length;
		for(i=0;i<count;i++){
		 document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

		}
		document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";

		 setInterval(function(){
		myScroll.scrollToPage('next', 0,400,count);
		},3500 );
		window.onresize = function(){ 
		for(i=0;i<count;i++){
		document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

		}
		 document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
		} 
	</script>
</body>
</html>